<html>
    <head>
        <title>Test</title>
        <style>

          input[type="date"] {
            prototype: DateString url(date-string.tis);
          }

        </style>
        <script type="text/tiscript">

          include "../formation.tis";
      
          var frm = formation( $(section#state) );

          event click $(button#set) 
          {
             frm.value = {
               InstallCardExt: {
                  AvailableHookups: {
                    Blinker: true,
                    Hood: "some text",
                    Date: "2018-08-24T00:00:00Z",
                  }
               }
             };
           }

          event click $(button#show) 
          {
            var val = frm.value;
            $(pre#out).value = JSON.stringify(val,"  ");
          }


        </script>
    </head>
    <body>

      <button#set>SetState</button>
      <button#show>ShowState</button>
      
      <section #state>
        <input|checkbox(InstallCardExt.AvailableHookups.Blinker) /> 
        <input|text(InstallCardExt.AvailableHookups.Hood) /> 
        <input|date(InstallCardExt.AvailableHookups.Date) /> 
      </section>
      <pre#out />
    </body>
</html>